<html>
<head>
	<title>Bird Occurrence</title>
  <link rel="stylesheet" type="text/css" href="http://extjs.cachefly.net/ext-3.4.0/resources/css/ext-all.css" />
  <link rel="stylesheet" type="text/css" href="resources/css/style.css" />
</head>

<body>
	<script type="text/javascript" src="http://extjs.cachefly.net/ext-3.4.0/adapter/ext/ext-base.js"></script>
	<script type="text/javascript" src="http://extjs.cachefly.net/ext-3.4.0/ext-all.js"></script>
	<script type="text/javascript" src="resources/js/SubmissionForm.js"></script>
	<script type="text/javascript" src="config.js"></script>
	<div id='lsu_bird' style='padding:10px'></div>
  <script>
	Ext.onReady(function(){
		Ext.QuickTips.init();
		Ext.fly(document.body).on('contextmenu', function(e, target) {
			e.preventDefault();
		});
		
		speciesForm = new SpeciesObservation.speciesForm({
				renderTo: 'lsu_bird'
			,	height: 910
			,	width: 600
			,	border: true
			,	title: 'Bird Occurrence in Louisiana'
			,	frame: true
			,	listeners: {
						scope: this
					,	render: function(form){
							form.refSave.text = 'Submit Observation';
							form.refSave.on('click', function(){
								form.sendData();
							}, this);
							form.addRecaptcha();							
							form.items.items[0].focus(true, 1000);
						}
				}
		});	
	});
  </script>
</body>
</html>
